<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <style>
        body {
            font: 18px "Microsoft YaHei UI";
            margin: 0;
            background-color: #fafafa;
            font-size: 12px;
            font-family: Arial, sans-serif;
            padding: 0;
            margin: 0;
            color: #fff;
        }

        header a {
            text-decoration: none;
            color: #222;
            padding-left: 24px;
        }

        .c-btn-primary {
            background-color: #4e6ef2;
            display: inline-block;
            margin-top: 18px;
            margin-left: 32px;
            font-size: 13px;
            text-decoration: none;
        }
        img{
            width: 654px;
            margin: 0 auto;
        }
        #bg s_btn {
            cursor: pointer;
            width: 108px;
            height: 44px;
            line-height: 45px;
            line-height: 44px\9;
            padding: 0;
            background-color: #4e6ef2;
            border-radius: 0 10px 10px 0;
            font-size: 17px;
            color: #fff;
            box-shadow: none;
            font-weight: 400;
            border: none;
            outline: 0;
        }
        footer>div>a{
            color: #222;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
<div id="app">
    <el-container>
        <el-header>
            <el-row>
                <el-col :span="20">
                    <div class="grid-content bg-purple">
                        <div style="width: 100%;margin-right: 24px;margin-top: 19px;">
        <span style="margin-left: 0px">
          <a href="">新闻</a><el-divider direction="vertical"></el-divider>
          <a href="">hao123</a><el-divider direction="vertical"></el-divider>
          <a href="">地图</a><el-divider direction="vertical"></el-divider>
          <a href="">贴吧</a><el-divider direction="vertical"></el-divider>
          <a href="">视频</a><el-divider direction="vertical"></el-divider>
          <a href="">图片</a><el-divider direction="vertical"></el-divider>
          <a href="">网盘</a><el-divider direction="vertical"></el-divider>
          <a href="">
            <el-dropdown>
              <span class="el-dropdown-link" style="font-size: 12px;color: #222">
                更多<i class="el-icon-arrow-down el-icon--right"></i>
              </span>
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item></el-dropdown-item>
                <el-dropdown-item></el-dropdown-item>
                <el-dropdown-item></el-dropdown-item>
                <el-dropdown-item></el-dropdown-item>
                <el-dropdown-item></el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </a>
        </span>
                        </div>
                    </div>
                </el-col>
                <div>
                    <el-col :span="4">
                        <div class="grid-content bg-purple-light">
                            <el-dropdown>
          <span class="el-dropdown-link" style="font-size: 12px;color: #222;margin-right: 10px">
            设置<i class="el-icon-arrow-down el-icon--right"></i>
          </span>
                                <el-dropdown-menu slot="dropdown">
                                    <el-dropdown-item>搜索设置</el-dropdown-item>
                                    <el-dropdown-item>高级搜索</el-dropdown-item>
                                    <el-dropdown-item>关闭预测</el-dropdown-item>
                                    <el-dropdown-item>隐私设置</el-dropdown-item>
                                    <el-dropdown-item>关闭热搜</el-dropdown-item>
                                </el-dropdown-menu>
                            </el-dropdown>
                            <a class="s-top-login-btn c-btn c-btn-primary c-btn-mini lb" style="position:relative;
                                overflow: visible;color: white;border-radius: 2px;text-align: center" id="s-top-loginbtn"
                               href="https://passport.baidu.com/v2/?login&amp;tpl=mn&amp;u=http%3A%2F%2Fwww.baidu.com%2F&amp;sms=5"
                               name="tj_login" onclick="return false;">登录</a>
                        </div>
                </div>
                </el-col>
            </el-row>
        </el-header>

        <el-main>
            <div>
            <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"  alt=""></div>
            <div>

                <input type="text" style="width: 443px;padding-right: 87px">
                <i class="el-icon-camera" style="background: #fff"></i>
                <input type="submit" id="su" value="百度一下" class="bg s_btn">

            </div>
        </el-main>

        <el-footer><div class="s-bottom-layer-content" style="text-align: center;display: inline;
    margin-right: 20px;list-style: none;font-size: 10px;color: #222">
            <a class="text-color" href="//home.baidu.com" target="_blank">关于百度</a>
            <a class="text-color" href="http://ir.baidu.com" target="_blank">About Baidu</a>
            <a class="text-color" href="//www.baidu.com/duty" target="_blank">使用百度前必读</a>
            <a class="text-color" href="//help.baidu.com" target="_blank">帮助中心</a>
            <a class="text-color" href=
                    "http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001"
                             target="_blank">京公网安备11000002000001号</a>
            <a class="text-color" href="https://beian.miit.gov.cn" target="_blank">京ICP证030173号</a>
            <span class="text-color">©2022&nbsp;Baidu&nbsp;</span>
            <span class="text-color">互联网药品信息服务资格证书 (京)-经营性-2017-0020</span>
            <a class="text-color" href="//www.baidu.com/licence/" target="_blank">信息网络传播视听节目许可证 0110516</a>
        </div>
        </el-footer>
    </el-container>

</div>
</body>
<script src="js/vue.min.js"></script>
<!-- import JavaScript -->
<script src="js/eui.js"></script>
<script>
    new Vue({
        el: '#app',
        data: function () {
            return {
                wd:"",
            }
        }
    })
</script>
</html>